<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../include/base.jsp" %>
<%@ include file="../include/header.jsp" %>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>KaiSheng-客户管理系统</title>
	<link rel="stylesheet" type="text/css" href="${basePath }/css/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="${basePath }/css/style.css" />
	
	
	<style type="text/css">
		.body{
			padding-top:100px;
			background-color:#F3F1EC;
		}
		
	</style>
</head>
<body class="body">

	
	<div class="container" style="margin-top:20px;width:100%">
			<div class="row">
				<div class="span3 offset1" style="width:15%">
					<div class="well" style="background-color:#F3F1EC;border:1px solid #DDDDDD;">
						<ul class="nav nav-list">
							<li ><a href="#"><i class="icon-home"></i>最新动态</a></li>
							<li><a href="contact.html"><i class="icon-white icon-user"></i>联系人</a></li>
							<li><a href="#"><i class="icon-fire"></i>任务</a></li>
							<li class="active"><a href="#"><i class="icon-file"></i>交易</a></li>
						</ul>
					</div>
				</div>
		<div class="span6" style="width:46%" >
			<div style="background:#F0F5F8;height:40px;font-size:16px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="container">交易</span></div>
				<div class="well" style="background-color:#fff;border: 1px solid #DDDDDD;">
				  <a href="${basePath}/deal/add"><button class="btn btn-info">添加新的交易</button></a> <br/><br/>显示的过滤条件：
					<ul class="nav" role="navigation" style="list-style:none;display: block;">		
						<li style="list-style-type:none;float:left" class="dropdown" >
		                      <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">所有类别&nbsp;&nbsp; </a>
		                      <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
									<li><a tabindex="-1" href="#">所有分类</a></li>
									<li><a tabindex="-1" href="#">文案</a></li>
									<li><a tabindex="-1" href="#">战略咨询</a></li>
									<li><a tabindex="-1" href="#">网站设计</a></li>
									<li><a tabindex="-1" href="#">售楼</a></li>
		                      </ul>
	                    </li> 
						
						<li style="list-style-type:none;float:left" class="dropdown">
							<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">每个人&nbsp;&nbsp;</a>
		                      <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
								<li><a tabindex="-1" href="#">每个人</a></li>
								<li><a tabindex="-1" href="#">我</a></li>
		                      </ul>
						</li>
						<li style="list-style-type:none;float:left" class="dropdown">
							<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">所有时间</a>
		                      	<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
									<li><a tabindex="-1" href="#">所有时间</a></li> 
									<li><a tabindex="-1" href="">最近7天</a></li>
									<li><a tabindex="-1" href="">最近30天</a></li>
									<li><a tabindex="-1" href="">最近90天</a></li>
									<li><a tabindex="-1" href="">最近6个月</a></li>
									<li><a tabindex="-1" href="">今年</a></li>
									<li><a tabindex="-1" href="">去年</a></li>
								</ul>
	                 	</li>
				</ul>
		</div>
	</div>
		<div class="span3">
				<div class="well" style="border:1px solid #DDDDDD;padding: 5px">
					<div class="head" style="border-bottom: 1px solid #DDDDDD;"><h4>交易类别</h4></div>	
				<p>你可以<a href="">编辑</a>可用的交易类别</p>
				
				</div>
		</div>
		</div>
</div>	
			
		
		
		
		<div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
						<h4 id="myModalLabel">添加一个新的任务</h4>
				</div>
					<div class="modal-body">
						<input type="text" name="" id="" />	<br/>
						<h5>什么时候完成任务呢？</h5><br/>
						<select name="" id="">
							<option value="">今天</option>
							<option value="">明天</option>
							<option value="">本周</option>
							<option value="">下周</option>
							<option value="">具体的日期和时间</option>
						</select>
						或<a href="">设置日期/时间</a><br/>
						<h5>选择一个类别</h5><br/>
							<select name="" id="">
								<option value="">无</option>
								<option value="">电话</option>
								<option value="">演示</option>
								<option value="">邮件</option>
								<option value="">传真</option>
								<option value="">会议</option>
								<option value="">感谢</option>
								<option value="">新的类别</option>
							</select>
							<a href="edittype.html">编辑类别</a> <br/>
						<label class="checkbox">
							<input type="checkbox"> 让所有人都可见这个任务
						 </label><br/>
				 </div>
				  <div class="modal-footer">
					<button class="btn btn-info" style="width:78px;heigth:30px"><span style="font-size:10px">添加任务</span></button>&nbsp;&nbsp;或者<a href="">取消</a>
				  </div>
				</div>
		
		<script type="text/javascript" src="${basePath }/js/jquery.js"></script>
		<script type="text/javascript" src="${basePath }/js/bootstrap.min.js"></script>
		
	</body>
</html>
	
		
